<template>
  <footer class="footer">
    <div class="container">
      <p>&copy; 2025 . All rights .</p>
      <ul class="footer-links">
      </ul>
    </div>
  </footer>
</template>

<script lang="ts" setup>
</script>

<style lang="less" scoped>
.footer {
  box-sizing: border-box;
  background-color: rgb(201, 201, 201, .8);
  color: white;
  padding: 12px 0;
  text-align: center;
  min-width: 1168px;
  height: 40px;

  .container {
    margin: 0 auto;
  }

  .footer-links {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top: 6px;

    li {
      margin: 0 10px;
    }

    a {
      color: white;
      text-decoration: none;

      &:hover {
        text-decoration: underline;
      }
    }
  }
}
</style>
